{% extends "base.html" %}
{% load i18n future mezzanine_tags blog_tags keyword_tags disqus_tags %}

{% block meta_title %}{% if page %}{{ page.meta_title }}{% else %}{% trans "Blog" %}{% endif %}{% endblock %}

{% block meta_keywords %}{% metablock %}
    {% keywords_for page as keywords %}
    {% for keyword in keywords %}
        {% if not forloop.first %}, {% endif %}
        {{ keyword }}
    {% endfor %}
{% endmetablock %}{% endblock %}

{% block meta_description %}{% metablock %}
    {{ page.description }}
{% endmetablock %}{% endblock %}

{% block title %}
    {% if page %}
        {% editable page.title %}{{ page.title }}{% endeditable %}
    {% else %}
        {% trans "Blog" %}
    {% endif %}
{% endblock %}

{% block breadcrumb_menu %}
    {{ block.super }}
{% if tag or category or year or month or author %}
<li>
    {% spaceless %}
    {% if tag %}
    {% trans "Tag:" %} {{ tag }}
    {% else %}{% if category %}
    {% trans "Category:" %} {{ category }}
    {% else %}{% if year or month %}
    {% if month %}{{ month }}, {% endif %}{{ year }}
    {% else %}{% if author %}
    {% trans "Author:" %} {{ author.get_full_name|default:author.username }}
    {% endif %}{% endif %}{% endif %}{% endif %}
    {% endspaceless %}
</li>
{% endif %}
{% endblock %}

{% block main %}

{% if tag or category or year or month or author %}
    {% block blog_post_list_filterinfo %}
<p>
    {% if tag %}
    {% trans "Viewing posts tagged" %} {{ tag }}
    {% else %}{% if category %}
    {% trans "Viewing posts for the category" %} {{ category }}
    {% else %}{% if year or month %}
    {% trans "Viewing posts from" %} {% if month %}{{ month }}, {% endif %}
    {{ year }}
    {% else %}{% if author %}
    {% trans "Viewing posts by" %}
    {{ author.get_full_name|default:author.username }}
    {% endif %}{% endif %}{% endif %}{% endif %}
    {% endblock %}
</p>
{% else %}
    {% if page %}
    {% block blog_post_list_pagecontent %}
    {% if page.get_content_model.content %}
        {% editable page.get_content_model.content %}
            {{ page.get_content_model.content|richtext_filters|safe }}
        {% endeditable %}
    {% endif %}
    {% endblock %}
    {% endif %}
{% endif %}


<div class="posts sidemeta">
    {% for blog_post in blog_posts.object_list %}

    <div class="post {% if settings.BLOG_USE_FEATURED_IMAGE and blog_post.featured_image %}format-image{% else %}format-standard{% endif %}">

        <div class="date-wrapper">
            <div class="date">
                <span class="day">{{ blog_post.publish_date|date:"d" }}</span>
                <span class="month">{{ blog_post.publish_date|date:"M" }}</span>
            </div><!-- /.date -->
        </div><!-- /.date-wrapper -->

        <!--<div class="format-wrapper">
            <a href="#" data-filter=".format-image"><i class="icon-picture-1"></i></a>
        </div>-->

        <div class="post-content">

            {% if settings.BLOG_USE_FEATURED_IMAGE and blog_post.featured_image %}
            {% block blog_post_list_post_featured_image %}
            <figure class="icon-overlay icn-link post-media" style="max-height: none;">
                <a href="{{ blog_post.get_absolute_url }}">
                    <img src="{{ MEDIA_URL }}{% thumbnail blog_post.featured_image 90 90 %}">
                </a>
            </figure><!-- /.post-media -->
            {% endblock %}
            {% endif %}

            {% block blog_post_list_post_title %}
            <h2 class="post-title">
                <a href="{{ blog_post.get_absolute_url }}">{{ blog_post.title }}</a>
            </h2>
            <!--{% editable blog_post.title %}            
            {% endeditable %}-->
            {% endblock %}


            {% block blog_post_list_post_metainfo %}
            <!--{% editable blog_post.publish_date %}
            {% endeditable %}-->
            <div class="meta">
                {% with blog_post.user as author %}
                    <i class="icon-user"></i><a href="{% url 'blog_post_list_author' author %}">{{ author.get_full_name|default:author.username }}</a> |
                {% endwith %}
                {% with blog_post.categories.all as categories %}
                {% if categories %}
                
                    {% for category in categories %}
                    <a href="{% url 'blog_post_list_category' category.slug %}">{{ category }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                    |
                {% endif %}
                {% endwith %}
                {% if blog_post.allow_comments %}
                    <i class="icon-comment"></i>
                    {% if settings.COMMENTS_DISQUS_SHORTNAME %}
                    <a href="{{ blog_post.get_absolute_url }}#disqus_thread"
                       data-disqus-identifier="{% disqus_id_for blog_post %}">
                        {% trans "Comments" %}
                    </a>
                    {% else %}
                    <a href="{{ blog_post.get_absolute_url }}#comments">
                        {% blocktrans count comments_count=blog_post.comments_count %}{{ comments_count }} comment{% plural %}{{ comments_count }} comments{% endblocktrans %}
                    </a>
                    {% endif %}                
                {% endif %}

            </div>
            
            {% endblock %}

            {% block blog_post_list_post_content %}
            <!--{% editable blog_post.content %}
            {% endeditable %}-->
            <p>{{ blog_post.description_from_content|safe }}</p>
            
            {% endblock %}

            {% block blog_post_list_post_links %}
            <div class="blog-list-detail">
                {% keywords_for blog_post as tags %}
                {% if tags %}
                <ul class="list-inline tags">
                    {% trans "Tags" %}:
                    {% spaceless %}
                    {% for tag in tags %}
                    <li><a href="{% url 'blog_post_list_tag' tag.slug %}" class="tag">{{ tag }}</a></li>
                    {% endfor %}
                    {% endspaceless %}
                </ul>
                {% endif %}

            </div>
            {% endblock %}

            <a href="{{ blog_post.get_absolute_url }}" class="btn">{% trans "Read more" %}</a>
        </div>
    </div>
    {% endfor %}
</div>

{% pagination_for blog_posts %}

{% if settings.COMMENTS_DISQUS_SHORTNAME %}
{% include "generic/includes/disqus_counts.html" %}
{% endif %}

{% endblock %}

{% block right_panel %}
    <!--{% include "blog/includes/filter_panel.html" %}-->
{% endblock %}
